<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="分享内容，享内容，内容，容" />
    <meta name="keywords" content=" " />
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/app.css">
    <link rel="stylesheet" href="./css/gtjn.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/nrng-game-selfdetail.css">
    <title>牛人牛股</title>
</head>
<body class="x-bg">
<div id="main">
    <div class="game-self gameself-share">
        <div class="niutou">
            <img src="./images/nrng/niuhuang.png" alt="">
        </div>
        <div class="niutips">
            <div>我参加了<span>{{gameName}}</span>比赛</div>
            <div>敢不敢挑战我？</div>
        </div>

        <div class="baseInfo">
            <div class="overview">
                <div class="flex-row row-one">
                    <div class="flex-column column-one">
                        <img class="user-icon float" :src="gameAsset.userHead">
                    </div>
                    <div class="flex-column column-two">
                        <div class="nickname"  v-text="gameAsset.nickname"></div>
                        <div class="rank" v-text="'当前排名：' + (gameAsset.ranknum <= 0?'--':gameAsset.ranknum)"></div>
                    </div>
                    <div class="flex-column column-three">
                        <div class='rate'>
                            <div class="ratename">累计收益率</div>
                            <div v-bind:class="{'nocolor-value': gameAsset.isNone, 'red-value': gameAsset.isRed,'green-value':gameAsset.isGreen, 'rateline': true}" v-text="gameAsset.total_profitrate+'%'"></div>
                        </div>
                        <div class='rate'>
                            <div class="ratename">持仓盈亏率</div>
                            <div v-bind:class='holdRate' v-text="gameAsset.income_balance+'%'"></div>
                        </div>
                    </div>
                </div>
                <div class="flex-row row-two">
                    <div class="flex-column column-one">
                        <div class="total-assets">
                            <div class="key">周涨幅率</div>
                            <div class="value" v-text="gameAsset.week_increaserate || '-'"></div>
                        </div>
                        <div class="total-assets">
                            <div class="key">总资产</div>
                            <div class="value" v-text="gameAsset.total_balance"></div>
                        </div>
                        <div class="total-assets">
                            <div class="key">初始资产</div>
                            <div class="value" v-text="gameAsset.initmoney"></div>
                        </div>
                    </div>
                    <div class="flex-column column-two">
                        <div class="total-assets">
                            <div class="key">现金</div>
                            <div class="value" v-text="gameAsset.avail_balance"></div>
                        </div>
                        <div class="total-assets">
                            <div class="key">最大回撤</div>
                            <div class="value" v-text="gameAsset.max_drawdown || '-'"></div>
                        </div>
                        <div class="total-assets">
                            <div class="key">周收益率</div>
                            <div class="value" v-text="gameAsset.week_profit || '-'"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="g-headline">
                <span></span>当前持仓<span class="position-head">仓位：<span class="position-value" v-text="gameAsset.position+'%'"></span></span>
            </div>
            <div class="grey-line-long"></div>
        </div>

        <div class="game-position">
            <div class='header'>
                <div class='part1'>股票代码</div>
                <div class='part2'>持仓成本</div>
                <div class='part3'>持仓数量</div>
                <div class='part4'>现价</div>
                <div class='part5'>仓位</div>
            </div>
            <div v-for="item in gamePosition.list">
                    <div id="index">
                        <div class="stock-detail">
                            <div class='part1'>
                                <div class="stock-name" v-text="item.stock_name"></div>
                                <div class="stock-code" v-text="item.exchange_type + item.stock_code"></div>
                            </div>
                            <div class='part2 text-middle' v-text='Number(item.keep_cost_price).toFixed(2)'></div>
                            <div class='part3 text-middle' v-text='Number(item.current_vol)'></div>
                            <div class='part4 text-middle' v-text="Number(item.last_price).toFixed(2) ||  '--'"></div>
                            <div class='part5 text-middle' v-text="Number(item.position).toFixed(2) + '%'||  '--'"></div>
                        </div>
                        <div class="grey-line-long-second"></div>
                    </div>
                </div>
        </div>

        <div class="blank-105h"></div>
        <download></download>

    </div>
</div>

<!-- body end -->
<script src="./lib/vue.js"></script>
<!--<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>-->
<!--<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
<script src="./lib/jquery-2.1.3.min.js"></script>
<script src="./lib/weixinShare.js"></script>
<script src="./lib/td-h5-website-sdk.js" td-appid="F7C7532A924212E02000152A3006068A"></script>
<script src="./js/common.util.js"></script>
<script src="./js/ad-download.js"></script>
<script src="./js/nrng-game-selfdetail.js"></script>

</body>
</html>
